<template>
  <div class="header">
    <Nav></Nav>
  </div>
</template>

<script>
import Nav from "@/components/public/Nav";
export default {
  name: "Header",
  components: {Nav}
}
</script>

<style scoped lang="scss">

  .header{
    /*background: #222 url('../../../public/image/pagehome-bg.jpg') no-repeat center center;*/
    background: #222 url('../../../public/image/pagehome-bg.jpg') no-repeat center center;
    background-size: cover;
    height: 400px;
    filter: brightness(70%);
    transition-duration:1s ;
    transition-timing-function:cubic-bezier(0,0,0.58,1);
    margin-bottom: 50px;
  }
  .header:hover{
    filter: brightness(110%);
  }

</style>
